@import "../_function";
@import "../_variables";
@import "../mixin";

.user-info {
	width: 100%;
	height: pr(575);
	background: url("../img/user_background.jpg") no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	.user-info-avatar {
		width: pr(220);
		height: pr(220);
		margin: 0 pr(40);
		text-align: center;
		line-height: pr(220);
		border-radius: 50%;
		overflow: hidden;
		@include default-avatar;
	}
	.user-info-detail {
		.user-info-detail-name {
			font-size: pr(44);
			color: $userNameColor;
			margin-bottom: pr(40);
		}
		.user-info-detail-integral {
			padding: pr(16);
			color: $userNameColor;
			background: #b3a078;
			border-radius: pr(10);
		}
	}
}
